<!--
  Generated template for the ApprovalPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>出差管理</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">申请信息</span>
    </ion-list-header>
    <ion-item>
        <span class="bhq-title">申请人: </span>
        <span class="bhq-content">{{gzccgl.editRow.ccrxm}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">职务: </span>
        <span class="bhq-content">{{gzccgl.editRow.ccrzw}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">目的地: </span>
        <span class="bhq-content">{{gzccgl.editRow.mdd}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">外出事由: </span>
        <span class="bhq-content">{{gzccgl.editRow.wcsy}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">开始时间: </span>
        <span class="bhq-content">{{gzccgl.editRow.kssj | asDate}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">结束时间: </span>
        <span class="bhq-content">{{gzccgl.editRow.jssj | asDate}}</span>
    </ion-item>
    <ion-item>
        <span class="bhq-title">出行方式: </span>
        <span class="bhq-content">{{gzccgl.editRow.cxfsname}}</span>
        <!-- <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsfj" disabled="true"></ion-checkbox>
        <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfshc" disabled="true"></ion-checkbox>
        <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsdwpc" disabled="true"></ion-checkbox>
        <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsqc" disabled="true"></ion-checkbox>
        <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfszdc" disabled="true"></ion-checkbox>
        <ion-checkbox [(ngModel)]="gzccgl.editRow.cxfsqt" disabled="true"></ion-checkbox> -->
    </ion-item>
    <ion-item>
        <span class="bhq-title">申请日期: </span>
        <span class="bhq-content">{{gzccgl.editRow.sqrq | asDate}}</span>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">同行出差人</span>
    </ion-list-header>
    <ion-item *ngFor="let item of gzccgl.editRow.ccsxry">
      <ion-label class="bhq-content">{{item.jsrmc}}({{item.jsrjgmc}})</ion-label>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzccgl.editRow.bpmkey=='ccgl'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">科室签批</span>
    </ion-list-header>
    <div *ngIf="gzccgl.process.usertask2!=null">
      <div *ngFor="let item of  gzccgl.process.usertask2.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzccgl.process.usertask2.editRow!=null && gzccgl.proauth.kshs  && gzccgl.process.usertask2.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzccgl.process.usertask2.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>
<!--
  <ion-list class="approval-list" *ngIf="gzccgl.editRow.bpmkey=='ccgl' || gzccgl.editRow.bpmkey=='ccgl_kjgb'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab5">办公室主任签批</span>
    </ion-list-header>
    <div *ngIf="gzccgl.process.usertask5!=null">
      <div *ngFor="let item of  gzccgl.process.usertask5.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" *ngIf="gzccgl.process.usertask5.editRow!=null 
          && gzccgl.proauth.bgszrsp && gzccgl.process.usertask5.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzccgl.process.usertask5.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>-->

  <ion-list class="approval-list" *ngIf="gzccgl.editRow.bpmkey!='ccgl_jjgb' && gzccgl.editRow.bpmkey!='ccgl_jz'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab3">分管领导签批</span>
    </ion-list-header>

    <div *ngIf="gzccgl.process.usertask3!=null">
      <div *ngFor="let item of  gzccgl.process.usertask3.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" style="height:50px !important" *ngIf="gzccgl.process.usertask3.editRow!=null 
        && gzccgl.proauth.fgldsh 
        && gzccgl.process.usertask3.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzccgl.process.usertask3.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzccgl.editRow.bpmkey!='ccgl_jz'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab4">局长审核</span>
    </ion-list-header>

    <div *ngIf="gzccgl.process.usertask4!=null">
      <div *ngFor="let item of  gzccgl.process.usertask4.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" style="height:50px !important" *ngIf="gzccgl.process.usertask4.editRow!=null && gzccgl.proauth.ldsh && gzccgl.process.usertask4.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzccgl.process.usertask4.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>
</ion-content>

<ion-footer class="bhq-bpm-button">
  <div class="footer-btn" *ngIf="gzccgl.auth.opt_th" (click)="gzccgl.getBackTask(null,null);">
    <ion-icon name="arrow-dropleft-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>退回</p>
  </div>
  <div class="footer-btn" *ngIf="gzccgl.auth.opt_bc" (click)="gzccgl.bpmSave(null);">
    <ion-icon name="lock" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>保存</p>
  </div>
  <div class="footer-btn" *ngIf="gzccgl.auth.opt_tj" (click)="gzccgl.getNextTask(null,null);">
    <ion-icon name="arrow-dropright-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>通过</p>
  </div>
  <!-- <div class="footer-more" (click)="goProcessPage();">...</div> -->
  <div class="footer-btn" (click)="goProcessPage();">
      <ion-icon name="keypad" style="font-size:2em;color: #5477b0;"></ion-icon>
      <p>更多</p>
  </div>
</ion-footer>